<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*$$
{"color":[{"val":"#26334c","title":"æ&nbsp;ç›®æ&nbsp;‡é¢˜é¢œè‰²"},{"val":"#a1a7b2","title":"åˆ†ç±»æ&nbsp;‡é¢˜é¢œè‰²"},{"val":"#26334d","title":"åˆ†ç±»æ&nbsp;‡é¢˜é€‰ä¸­é¢œè‰²"},{"val":"#ffffff","title":"é¼&nbsp;æ&nbsp;‡æ»‘è¿‡æ–‡å­—é¢œè‰²"}],"background":[{"val":"#e6e8ed","title":"åˆ†ç±»æ&nbsp;‡é¢˜åº•éƒ¨è¾¹æ¡†é¢œè‰²"},{"val":"#6060ea","title":"åˆ†ç±»æ&nbsp;‡é¢˜é€‰ä¸­åº•éƒ¨è¾¹æ¡†é¢œè‰²"},{"val":"rgba(97,96,234,.82)","title":"é¼&nbsp;æ&nbsp;‡æ»‘è¿‡èƒŒæ™¯è‰²"}],"border":[]}
$$*/

#case_149{

	width: 100%;

	padding: 60px 0;

}

#case_149 .cont1200{

	width: 1200px;

	margin: 0 auto;

}



#case_149 .className{

	width: 100%;

	position: relative;

	color: #26334c;

}



#case_149 .className .title-1 {

	font-size: 35px;

	line-height: 50px;

	padding-left: 30px;

	position: relative;

	text-transform: uppercase;

	font-weight: bold;

}



#case_149 .className .title-1 i {

	display: block;

	width: 25px;

	height: 17px;

	position: absolute;

	left: 0;

	top: 14px;

	background: url(/static/images/CP00002_01.png) no-repeat;

}



#case_149 .className .title-2 {

	padding-left: 30px;

	font-size: 24px;

	line-height: 50px;

	display:-webkit-box;/**å¯¹è±¡ä½œä¸ºä¼¸ç¼©ç›’å­æ¨¡åž‹å±•ç¤º**/

	-webkit-box-orient:vertical;/**è®¾ç½®æˆ–æ£€ç´¢ä¼¸ç¼©ç›’å­å¯¹è±¡çš„å­å…ƒç´&nbsp;çš„æŽ’åˆ—æ–¹å¼**/

	-webkit-line-clamp:3;/**æ˜¾ç¤ºçš„è¡Œæ•°**/

	overflow:hidden;/**éšè—è¶…å‡ºçš„å†…å®¹**/

}



#case_149 .caseTop{

	position: relative;

}



#case_149 .news-nav{

	position: absolute!important;

	right: 30px;

	bottom: 3%;

	font-size: 0;

}



#case_149 .news-nav::before {

	content: '';

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 2px;

	background: #e6e8ed;

}

#case_149 .news-nav li{

	display: inline-block;

	vertical-align: middle;

	font-size: 16px;

	color: #a1a7b2;

	position: relative;

	padding: 0 5px 20px 5px;

	margin:0 20px;

	cursor: pointer;

}

#case_149 .news-nav li a{

	color: #a1a7b2;

}

#case_149 .news-nav li:hover a{

	color: #26334c;

}

#case_149 .news-nav li a.cur{

	color: #26334c;

}

#case_149 .news-nav a:first-child {

	margin-left: 0px;

}

#case_149 .caseBottom{

	width: 100%;

	padding-top: 50px;

}

#case_149 .caseL{

	width:calc(50% - 5px);

	float: left;

	position: relative;

	margin-top: 5px;

	overflow: hidden;

	margin-right: 5px;

}

#case_149 .caseL img{

	width:100%;

	height: 460px;

	object-fit: cover;

	transition:transform .3s ease ;

}

#case_149 .caseL:hover img{

	transform: scale(1.1);

}

#case_149 .conInfo{

	position: absolute;

	left:0;

	top:0;

	width: 100%;

	height: 100%;

	background: rgba(97,96,234,.82);

	color: #ffffff;

	text-align: center;

	opacity: 0;

	transition:opacity .5s ease;

}

#case_149 .conInfo a{

	color: #ffffff;

}

#case_149 .caseL:hover .conInfo,

#case_149 .caseList:hover .conInfo{

	opacity:1;

}

#case_149 .conInfo .text{

	position: relative;

	top:50%;

	transform: translateY(-50%);

}

#case_149 .conInfo .tit1{

	font-size: 18px;

	line-height: 30px;

	 overflow: hidden;

	text-overflow:ellipsis;

	white-space: nowrap;

	width: 100%;

	padding: 0 15px;

}

#case_149 .conInfo .tit2{

	font-size: 14px;

	line-height: 28px;

	padding: 0 15px;

	max-height: 84px;

	width: 100%;

	overflow:hidden; 

	text-overflow:ellipsis;

	display:-webkit-box; 

	-webkit-box-orient:vertical;

	-webkit-line-clamp:3; 

	text-align: left;

}

#case_149 .conInfo .btnMore{

	background: url(/static/images/CP00002_02.png) no-repeat center center;

	background-size: 26px 14px;

	width: 100%;

	height: 30px;

}

#case_149 .caseR{

	width: 50%;

	float: left;

}

#case_149 .caseList{

	width:calc(50% - 10px);

	margin: 5px;

	box-sizing: border-box;

	position: relative;

	float: left;

	overflow: hidden;

}

#case_149 .caseList img{

	width:100%;

	height: 225px;

	object-fit: cover;

	transition: transform .3s ease;

}

#case_149 .caseList:hover img{

	transform: scale(1.1);

}

@media screen and (max-width: 1200px){

	#case_149 .cont1200{

		width: 96%;

	}

	#case_149{

		padding: 20px 0;

	}

}

@media screen and (max-width: 767px) {

	#case_149 .cont1200{

		width: 100%;

	}

	#case_149 .caseTop{

		padding-bottom: 60px;

	}

	#case_149 .className{

		width: 90%;

		padding: 0 5%;

	}

	#case_149 .caseL img{

		height: 280px;

	}

	#case_149 .news-nav{

		width: 90%;

		right:5%;

		bottom:0;

	}

	#case_149 .caseL{

		width: 100%;

	}

	#case_149 .caseR{

		width: 100%;

	}

	#case_149 .caseList img{

		height: 140px;

	}

	#case_149 .className .title-1{

		font-size: 30px;

		line-height: 36px;

	}

	#case_149 .className .title-2{

		font-size: 20px;

		line-height: 30px;

	}

	#case_149 .caseBottom{

		padding-top: 20px;

	}

}
</pre></body></html>